<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"  
      xmlns:h="http://java.sun.com/jsf/html"  
      xmlns:f="http://java.sun.com/jsf/core"  
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>#{usuariologin.usuario.nome} #{usuariologin.usuario.sobrenome}</title>
        <link rel="stylesheet" type="text/css" href="../styles/usuario.css" media="all"/>
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    </h:head>
    <h:body>
        <div id="cabecalho-usuario">

            <div id="cabecalho-conteudo">
                <div id="cabecalho-usuario-esquerda">                    
                    <p:graphicImage styleClass="cabecalho-usuario-esquerda" value="/images/logo.png"/>
                </div>



                <div id="cabecalho-usuario-logout">                


                    <p:graphicImage styleClass="cabecalho-usuario-shortimage" library="usuario" name="#{usuariologin.usuario.foto}"/>
                    <h:outputText id="logout-nome" value="#{usuariologin.usuario.nome}"/>


                    <p:megaMenu styleClass="megaMenu">
                        <p:submenu>

                            <p:column>
                                <p:graphicImage library="usuario" name="#{usuariologin.usuario.foto}"/>
                            </p:column>
                            <p:column>

                                <h:form><h:link value="Configurar" outcome="paginaConfigurarPerfil.xhtml" /></h:form>
                                <p:separator/>
                                <h:form><p:commandLink value="Logout" action="#{usuariologin.logout()}"/></h:form>

                            </p:column>

                        </p:submenu>    
                    </p:megaMenu>
                </div>
            </div>
        </div>

        <div id="estrutura">

            <div id="conteudo-usuario">                

                <div id="conteudo-left">
                    <div id="conteudo-left-foto">
                        <p:graphicImage library="usuario" name="#{usuariologin.usuario.foto}"/>
                    </div>
                    <div id="conteudo-left-descricao">
                        <h:outputText styleClass="fonteDestacada" value="#{usuariologin.usuario.nome} #{usuariologin.usuario.sobrenome}"/>                        
                    </div>

                    <div id="conteudo-left-menu">          

                        <h:form>                        
                            <p:menu model="#{usuariologin.model}" styleClass="conteudo-left-menu"/>
                        </h:form>

                    </div>
                </div>    

                <div id="conteudo-center">                    

                    <div id="conteudo-configurar">
                        <table id="titulo-conteudo">
                            <tr>
                                <td><img alt="campus" id="titulo-imagem" src="../images/icones/campus.png" title="campus"/></td>
                                <td><h3>Página de Campus</h3></td>
                            </tr>
                        </table>
                        <h:form>

                            <h:panelGrid id="display" columns="1" cellpadding="4" style="margin:0 auto;">
                                <f:facet name="header">
                                    <h:graphicImage alt="campus" height="100" library="campus" name="#{usuariologin.usuario.turma.curso.campus.foto}"/>
                                </f:facet>

                                <h:panelGrid columns="4" cellpadding="5">

                                    <h:outputText value="NOME: " />
                                    <h:outputText value="#{usuariologin.usuario.turma.curso.campus.nome}" style="font-weight:bold"/>
                                    <h:outputText value="E-MAIL: " />
                                    <h:outputText value="#{usuariologin.usuario.turma.curso.campus.email}" style="font-weight:bold"/>

                                    <h:outputText value="SITE: " />
                                    <h:outputText value="#{usuariologin.usuario.turma.curso.campus.site}" style="font-weight:bold"/>
                                    <h:outputText value="TELEFONE: " />
                                    <h:outputText value="#{usuariologin.usuario.turma.curso.campus.telefone}" style="font-weight:bold"/>

                                    <h:outputText value="DESCRIÇÃO: " />
                                    <h:outputText value="#{usuariologin.usuario.turma.curso.campus.descricao}" style="font-weight:bold"/>
                                    <h:outputText value="" />
                                    <h:outputText value="" />

                                </h:panelGrid>

                                <p:separator/>

                                <h:panelGrid columns="4" cellpadding="5" >

                                    <h:outputText value="LOGRADOURO:" />
                                    <h:outputText value="#{usuariologin.usuario.turma.curso.campus.logradouro}" style="font-weight:bold"/>
                                    <h:outputText value="N°:" />
                                    <h:outputText value="#{usuariologin.usuario.turma.curso.campus.numero}" style="font-weight:bold"/>

                                    <h:outputText value="COMPLEMENTO:" />
                                    <h:outputText value="#{usuariologin.usuario.turma.curso.campus.complemento}" style="font-weight:bold"/>
                                    <h:outputText value="BAIRRO: " />
                                    <h:outputText value="#{usuariologin.usuario.turma.curso.campus.bairro}" style="font-weight:bold"/>

                                    <h:outputText value="CEP: " />
                                    <h:outputText value="#{usuariologin.usuario.turma.curso.campus.cep}" style="font-weight:bold"/>
                                    <h:outputText value="" />
                                    <h:outputText value="" />

                                    <h:outputText value="CIDADE: " />
                                    <h:outputText value="#{usuariologin.usuario.turma.curso.campus.cidade}" style="font-weight:bold"/>
                                    <h:outputText value="UF: " />
                                    <h:outputText value="#{usuariologin.usuario.turma.curso.campus.uf}" style="font-weight:bold"/>

                                </h:panelGrid>

                                <p:separator/>

                                <h:panelGrid columns="1">

                                    <h:outputText value="GEOLOCALIZAÇÃO" style="font-weight:bold"/>
                                    <p:gmap center="#{usuariologin.usuario.turma.curso.campus.latitude},#{usuariologin.usuario.turma.curso.campus.longitude}" zoom="17" type="HYBRID" style="width:200px;height:150px" disableDefaultUI="true" disableDoubleClickZoom="true"/>

                                </h:panelGrid>
                            </h:panelGrid>
                        </h:form>
                    </div>
                </div>

                <div id="conteudo-right">
                </div>

            </div>
            <div id="rodape">

            </div>

        </div>

    </h:body>
</html>
